@import "compass/css3/";
@import "function";
@import "font";
//@import "reset";
@import "normalize";
@import "base";
@import "boiler5";



/***************** HEADING SETTING ********************/


/* ===================
    ALL: Black - White Theme
   =================== */

::-moz-selection { background: #00a4e2; color: #fff; text-shadow: none; }
::selection      { background: #00a4e2; color: #fff; text-shadow: none; }

/* ===================
    DEFAULT STYLE MOBILE-FIRST APPROACH

    ** INSTRUCTION : start coding css in default.css , only use specific CSS in different browser size with different setting
    ** THis method goes from mobile view first to large desktop, from bottom to top to
   =================== */

@import "default";
/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (min-width: 480px) {}

@media only screen and (min-width: 768px) {}

@media only screen and (min-width: 1140px) {}
/* ===============
    ALL: MOBILE FIRST
   =============== */

@import "mobile";

/* =============================================================================
   Media Queries MIN 480
   ========================================================================== */

@import "ipad-por";

/* =============================================================================
   Media Queries MIN 768
   ========================================================================== */

@import "ipad-landscape";

/* =============================================================================
   Media Queries MIN 1140
   ========================================================================== */

@import "desktop";

/* =============================================================================
   Print Styles
   ========================================================================== */

@import "print";